<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <include file="Public:common_file" />
    <meta name="description" content="{$info.description}">
    <meta name="keywords" content="{$info.keywords}">
    <title>{$info.title}-个人中心</title>
    <style type="text/css">
    	.header{
			width:100%; height:80px; overflow:auto; background:#FFFFFF; margin:50px 0 0 0;
		}
		
		.header .head_ico{
			width:60px; height:60px; margin:10px; float:left; border-radius:50%; overflow:hidden;
		}

		.header .head_ico img{
			width:60px; height:60px;
		}
		.header .right{
			float:left; height:60px; line-height:30px; margin:10px;
		}
		.header .right .nick_name{
			font-size:15px; height:30px; line-height:30px; color:#333; padding:0 5px;  min-width:80px;
		}
		.header .right .nick_name span{
			color:#FFFFFF; font-size:10px; height:30px; line-height:30px; padding:5px; border-radius:5px; margin-left:5px;
		}
		.header .right .address{
			font-size:14px; height:28px; line-height:28px; color:#98bbec; border:1px solid #98bbec; border-radius:5px; padding:0 5px;
		}
		.header .right .address:active{
			background-color:#f9f9f9;
		}
		.mewnum{
    		background:red; border-radius:10px; font-size: 12px; color:#FFF; float:left; height:20px; margin:12.5px; line-height:20px; width:20px; text-align:center;
    		display:none;
    	}


		.infolist{
			width:100%; background-color:#FFF; margin:0 0 10px 0; overflow:auto;
		}
		.infolist .info{
			width:50%; float:left; border-right:1px solid #f3f3f3;
		}
		.infolist .info:active{
			background-color:#f9f9f9;
		}
		.infolist .info .num{
			line-height:30px; height:30px; font-size:15px; color:#333; text-align:center;
		}
		.infolist .info .bottom{
			line-height:25px; height:25px; font-size:12px; color:#bcbcbc; text-align:center;
		}




		.lists{
			width:100%; margin:10px 0;
		}

		.list{
			width:100%; height:45px;  background-color:#FFFFFF; border-bottom:1px solid #f3f3f3;
		}
		.list:active{
			background-color:#f9f9f9;
		}
		.list .ico{
			width:45px; height:45px; float:left;
		}
		.list .ico img{
			width:25px; height:25px;  margin:10px;
		}
		.list .name{
			height:45px; line-height:45px; float:left; margin:0 15px 0 5px; font-size: 15px; color:#666;
		}

    </style>
</head>
<body>
	<div class="head" style="background-color:#f23030;">
        <div class="left">
            LOGO<!-- <i class="icon-reorder"></i> -->
        </div>
        <div class="center">
            <p><i class="icon-user"></i> 个人中心</p>
        </div>
        <div class="right">
            
        </div>
    </div>
    <if condition="$is_login eq 1">
	    <div class="header">
	    	<a href="{:U('User/sets')}">
				<div class="head_ico">
					<img class="lazy" data-original="/Public/img/head.jpg" >
				</div>
			</a>
			<div class="right">
				<a href="{:U('User/sets')}">
					<div class="nick_name" id="nick_name">
						中国IT的希望
					</div>
				</a>
				<a href="{:U('User/money_change')}"><div class="address">今日收益：<span id="address">￥55487.25</span></div></a>
			</div>
		</div>
	<else />
		<a href="{:U('Login/index')}">
			<div class="header">
				<div class="head_ico">
					<img class="lazy" data-original="/Public/img/head.png" >
				</div>
				<div class="right">
					<div class="nick_name" id="nick_name">
						未登录
					</div>
					<div class="address">点击登录</div>
				</div>
			</div>
		</a>
	</if>

	<div class="infolist">
		
		<a href="{:U('User/grade')}">
			<div class="info">
				<div class="num" id="follow"><if condition="$is_login eq 0">0<else />50.50</if></div>
				<div class="bottom">积分</div>
			</div>
		</a>
		<a href="{:U('User/sub')}">
			<div class="info" style="border:none">
				<div class="num" id="fans"><if condition="$is_login eq 0">0<else />5</if></div>
				<div class="bottom">下线</div>
			</div>
		</a>
	</div>

	<div class="lists">
		<a href="{:U('User/message')}">
			<div class="list">
				<div class="ico"><img src="/Public/img/message.png"></div>
				<div class="name">消息</div>
				<if condition="$is_login eq 0">
					<div class="mewnum" style="display:none;">0</div>
				<else />
					<div class="mewnum" style="display:block;">6</div>
				</if>
				
			</div>
		</a>
		<a href="{:U('User/order')}">
			<div class="list">
				<div class="ico"><img src="/Public/img/order.png"></div>
				<div class="name">订单</div>
				<if condition="$is_login eq 0">
					<div class="mewnum" style="display:none;">0</div>
				<else />
					<div class="mewnum" style="display:block;">6</div>
				</if>
			</div>
		</a>
	</div>

	<div class="lists">
		<a href="{:U('User/share')}">
			<div class="list">
				<div class="ico"><img src="/Public/img/share.png"></div>
				<div class="name">邀请好友</div>
			</div>
		</a>
		<a href="{:U('User/sub')}">
			<div class="list">
				<div class="ico"><img src="/Public/img/xia.png"></div>
				<div class="name">我的下线</div>
			</div>
		</a>
	</div>

	<div class="lists">
		<a href="{:U('User/seller')}">
			<div class="list">
				<div class="ico"><img src="/Public/img/join.png"></div>
				<div class="name">商家入驻</div>
			</div>
		</a>
	</div>
    

	<include file="Public:foot" />
    <script type="text/javascript">
       
        imgload();
    </script>
	
</body>
</html>